NFuze Wellness User-Centered Redesign
The Problem
Facing new competition in their area, NFuze Wellness sought to differentiate itself as the premier destination for IV Hydration and medical weight loss services. The existing website needed refinement to project a professional image and effectively communicate the range of services offered.
The Solution
To address the competitive challenges, as well as the usability issues with their current website, I focused on creating a user-centered experience that would position NFuze Wellness as the go-to choice for IV Hydration. Through user research, iterative design, and usability testing, I crafted a design that addressed the competitive challenge, while elevating the overall user experience.
The Outcome
Facing new competition in their area, NFuze Wellness sought to differentiate itself as the premier destination for IV Hydration and medical weight loss services. The existing website needed refinement to project a professional image and effectively communicate the range of services offered.
The Solution
To address the competitive challenges, as well as the usability issues with their current website, I focused on creating a user-centered experience that would position NFuze Wellness as the go-to choice for IV Hydration. Through user research, iterative design, and usability testing, I crafted a design that addressed the competitive challenge, while elevating the overall user experience.
The Outcome
NFuze Wellness now boasts a revamped website that reflects their professionalism and positions them as a leader in IV Hydration services. The redesigned site effectively communicates their range of services and makes it easier than ever to get the information you need to book an appointment, ensuring a positive user experience that sets NFuze Wellness apart in an increasingly competitive market.
My Role: UX Researcher, UX/UI Designer
Timeline
I divided my process into three phases: Discovery, Design, and Delivery. My goal for the Discovery phase was to understand the wants and needs of NFuze Wellness and their customers, while the Design phase focused on how I could meet those needs with an elegant and unified solution. The Delivery phase simply involved my collaboration with the development team for a smooth handoff of all design assets, ensuring the website could be built without issue.
1. Discovery
I began by meeting with NFuze Wellness to understand their business needs, researching their target audience to uncover user needs and develop a user persona, conducting a heuristic analysis of their current website, and analyzing their competitors to identify areas where NFuze could differentiate themselves.
1.1 Understand Business Needs
I met with NFuze Wellness to learn about their business needs and understand their goals for this project. From our conversation, it was clear that they aimed to solidify their position as the go-to destination for IV Hydration and medical weight loss services in southern Illinois. Additionally, they emphasized the importance of having a visually appealing and user-friendly website that would enhance their online presence.
Here are the three key business goals I identified:
1. Project luxury and professionalism
2. Differentiate from competitors
3. Showcase their product suite
2. Differentiate from competitors
3. Showcase their product suite
1.2 Understand User Needs
A demographic analysis revealed a diverse audience interested in health and wellness, with a focus on IV Hydration services. I developed a detailed user persona to uncover key needs such as easy appointment scheduling, clear information about services, and a seamless navigation experience.
1.3 Heuristic Analysis
Before designing, I conducted a heuristic analysis of the current website to identify usability issues. I focused on the main functionality, layout, UI components, and content that users interact with when searching for IV infusions. My analysis uncovered several potential usability challenges that users might encounter.
1.4 Competitive Analysis
A primary aspect of the competition's visual design choices that stood out to me was the cold feeling of a medical facility.
2. Design
Using the insights I gathered from the Discovery phase, I began designing the updated website. I visualized the website structure through a sitemap, detailed various user flows, sketched potential layout solutions, built low-fidelity wireframes, established a comprehensive design system, and developed interactive prototypes on mobile and desktop for usability testing.
2.1 Sitemap
I created a sitemap to help visualize the website's high-level structure. Priority was given to presenting NFuze Wellness' services, appointment scheduling, and informative content in a user-friendly manner.
2.2 User Flows
I mapped out user flows to visualize the various paths users might take to book an appointment or contact NFuze Wellness while exploring the company's IV hydration and medical weight loss services. I put a strong emphasis on creating streamlined journeys for appointment scheduling and service information.
2.3 Sketch
With the sitemap and user flows mapped out, I began exploring potential layout solutions which would balance NFuze Wellness' professionalism and user-friendly design. My focus was to create an aesthetically pleasing visual experience while maintaining a clear hierarchy of information.
2.4 Wireframe
Using my sketches as a reference, I built low-fidelity wireframes for each page to define the website's structure and ensure a cohesive and intuitive user experience site-wide. Crafting a seamless navigational flow and displaying clear sections for services, appointments, and information were top of mind when building these wireframes.
2.5 Design System
The next major step was to develop a design system to establish a cohesive and visually compelling online presence for NFuze Wellness. This comprehensive system addresses various elements, including versatile text forms, intuitive dropdown menus, engaging buttons across various states of interaction, visually appealing product cards, and a rich set of functional and decorative icons. I chose a typographic pairing that prioritizes legibility and hierarchy, while presenting a luxurious, yet friendly feeling.
This design system serves as the cornerstone for maintaining visual consistency, professionalism, and a positive user experience across all aspects of NFuze Wellness's online presence.
2.6 Image Selection
On the old website, many of the product images were too ambiguous, or even misleading to their users. This was a clear usability issue, so I meticulously hand-picked and edited more than 30 images that closely represent each service to help users gain a quick understanding of the product they're looking at.
2.6a Mobile Prototype
2.6b Desktop Prototype
I then built high-fidelity interactive prototypes which allowed stakeholders to experience the redesigned website in its entirety on both mobile and desktop devices. The prototypes showcased the user interface and interactions, ensuring a seamless alignment with the project goals.
2.7 Usability Testing
Usability testing played a pivotal role in refining the NFuze Wellness website, ensuring it met the needs of their users. Through a combination of moderated usability sessions and analysis of user feedback, several key findings emerged, guiding adjustments for enhanced usability.
3. Delivery
Collaboration with the development team was paramount to the success of the NFuze Wellness website redesign. The delivery phase marked a crucial juncture where meticulous planning and effective communication played a pivotal role in translating design concepts into a functional, user-centered digital platform.
3.1 Collaborate with Development Team
Collaboration with the development team ensured a smooth transition from design to development. Close communication facilitated the implementation of the user-centered redesign, with a focus on maintaining design integrity.
Conclusion
NFuze Wellness now presents a luxurious, yet friendly website that effectively communicates its diverse range of services and positions them as the premier destination for IV hydration in an increasingly competitive market. This user-centered redesign successfully addresses the website's previous usability issues, the company's challenge of new competition, and offers a professional image while ensuring a positive user experience.
If you'd like to view the website yourself, you can visit NFuze Wellness here.
If you'd like to view the website yourself, you can visit NFuze Wellness here.
